<div class="container-fluid fsize15">
    <div class="row">

        <!-- 搜索 -->
        <div class="col-xs-12 panel panel-body" ng-keyup="myKeyup($event)">
            <div class="col-xs-12">
                <div class="col-xs-1 text-right mt7" style="padding-left: 0px; padding-right:0px;">
                    产品名称
                </div>
                <div class="col-xs-4">
                    <input type="text" class="form-control" ng-model="searchParams.name" placeholder="产品名称">
                </div>
                <div class="col-xs-5 text-left"></div>
                <div class="col-xs-2">
                    <a class="btn btn-info btn-block" ng-click="loadDate()">搜索</a>
                </div>
            </div>
            <!-- <div class="col-xs-12 mt7">
                <div class="col-xs-1 text-right mt7" style="padding-left: 0px; padding-right:0px;">
                    所在地区
                </div>
                <div class="col-xs-2">
                    <ui-select ng-model="searchParams.province" theme="bootstrap" ng-change="searchArea(searchParams.province)">
                        <ui-select-match placeholder="省">
                            {{$select.selected.name}}
                        </ui-select-match>
                        <ui-select-choices repeat="item.code as item in searchParams.provinceList | filter: $select.search">
                            <span ng-bind-html="item.name | highlight: $select.search"></span>
                        </ui-select-choices>
                    </ui-select>
                </div>
                <div class="col-xs-2 text-left">
                    <ui-select ng-model="searchParams.city" theme="bootstrap">
                        <ui-select-match placeholder="市">
                            {{$select.selected.name}}
                        </ui-select-match>
                        <ui-select-choices repeat="item.code as item in searchParams.cityList | filter: $select.search">
                            <span ng-bind-html="item.name | highlight: $select.search"></span>
                        </ui-select-choices>
                    </ui-select>
                </div>
                <div class="col-xs-6 text-left"></div>
            </div> -->
        </div>

        <!-- 产品 -->
        <div class="col-xs-12 panel panel-body" ng-repeat="(key, view) in viewMap">
            <!-- 景区简介 -->
            <div class="col-xs-12">
                <!-- 图片 -->
                <div class="text-right" style="width: 270px; float: left;">
                    <img src={{view.img}} alt="景区图片" style="width: 250px; height: 120px;" ng-click="lookImg(view.img)">
                </div>
                <!-- 概要 -->
                <div class="text-left fsize16" style="width: aotu; float: left;">
                    <div class="col-xs-12 text-left mt10">
                        <strong>
                            {{view.place_name}}
                        </strong>
                    </div>
                    <div class="col-xs-12 text-left mt20">
                        地址：{{view.address}}
                    </div>
                </div>
            </div>
            <!-- 门票信息 -->
            <div class="col-xs-12 mt10">
                <table class="table table-bordered">
                    <thead>
                        <th class="text-center">产品编号</th>
                        <th class="text-center">产品名称</th>
                        <th class="text-center">供应商</th>
                        <th class="text-center">门市价</th>
                        <th class="text-center">建议零售价</th>
                        <th class="text-center">结算价</th>
                        <th class="text-center">购买</th>
                    </thead>
                    <tbody ng-repeat="sale in view.saleList" style="border-top-width: 0px;">
                        <tr>
                            <td class="text-center">
                                {{sale.sale_code}}
                            </td>
                            <td class="text-center">
                                <a class="btn btn-link text-primary" ng-click="show_info(key, $index)" style="padding-top: 0px;">
                                    {{sale.sale_name}}
                                    <i class="fa fa-caret-right" ng-show="!sale.is_show_info"></i>
                                    <i class="fa fa-caret-down" ng-show="sale.is_show_info"></i>
                                </a>
                            </td>
                            <td class="text-center">
                                {{sale.company_name}}
                            </td>
                            <td class="text-center">
                                <strong>
                                    <del>
                                        ￥{{sale.market_price}}
                                    </del>
                                </strong>
                            </td>
                            <td class="text-center">
                                <strong>
                                    ￥{{sale.guide_price}}
                                </strong>
                            </td>
                            <td class="text-center">
                                <strong class="text-warning">
                                    ￥{{sale.cost_price}}
                                </strong>
                            </td>
                            <td class="text-center">
                                <a class="btn btn-success btn-xs" ng-click="buy(key, $index)">单人</a>
                                <a class="btn btn-success btn-xs" ng-click="buyBatch(key, $index)">批量</a>
                            </td>
                        </tr>
                        <tr ng-show="sale.is_show_info">
                            <td colspan="8" ng-if="sale.bookingnotes">
                                <span ng-bind-html="sale.bookingnotes"></span>
                            </td>
                            <td colspan="8" class="text-center" ng-if="!sale.bookingnotes">
                                <span >暂无介绍</span>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>

    </div>
</div>
<style>
    .fsize15 {
        font-size: 15px;
    }

    .fsize16 {
        font-size: 16px;
    }

    .mt7 {
        margin-top: 7px;
    }

    .bkgd-orange {
        background-color: orange;
    }

    table.table-bordered tbody th,
    table.table-bordered tbody td {
        border-left-width: 0px;
        border-bottom-width: 1px;
    }
</style>